$(function(){
    var grade={
        id:"001002003"
    };
    var student={
        id:"",
        name:"",
        sex:""

    };
    var $detail_info=$(".detail_info"),
         $btn_container=$detail_info.find(".btn_container"),/*三个切换按钮的父元素*/
         $address_list_container=$detail_info.find(".address_list_container"),/*三个列表的父元素*/
         $dialog=$(".dialog"),//弹出层按钮
         $add_student=$(".add_student");//添加学生按钮
    var sessionid = $(".dialog").attr('id');

    $btn_container.find("li").click(function(){
           var that=$(this);
           var index=that.index();
           that.addClass("active").siblings().removeClass("active");
           $address_list_container.find(">li").hide().eq(index).show();
    });
    $address_list_container.find("ol").click(function(){
        var that=$(this);
        var pindex=that.parent().parent().parent().index();
        student.id=that.data("id");
        student.name=that.parent().text().trim();
        student.sex=that.data("sex");
        var $clone=$dialog.clone().removeClass("hidden");
        if(pindex<2)
        {
             $clone.find(".yzmkt,.invitekt").remove();
        }

        layer.open({
            type:1,
            title:"",
            content:$clone[0].outerHTML,
            style: "background:transparent"

        });
    });
    $add_student.click(function(){//添加学生
        //window.location.href="/tea/english/post/add_student/?gradeid="+grade.id;
    });
    $("body").on("click",".dialog li.alter",function(){//修改
        window.location.href="/account/alter_student/?id="+student.id+"&name="+student.name+"&sex="+student.sex+"&sessionid="+sessionid;
    });
    $("body").on("click",".dialog li.del",function(){//删除
        layer.open({
            content:"您确定要将该学生移出班级？\n其它任课老师也将看不到该学生。",
            btn:['是','否'],
            yes:function(index){
                alert('删除成功');
                layer.close(index)
            },
            no:function(index){
                layer.close(index)
            }
        });
    });
    $("body").on("click",".dialog li.cpwd",function(){//账号密码
            //因为安全性，需根据id动态获取账号和密码
    });
    $("body").on("click",".dialog li.yzmkt",function(){//验证码开通
        layer.open({
            type:1,
            title:"",
            content:"<div class='dialog_code_container'><span>验证码：</span><input type='text' id='dialog_codeid' /></div>",
                btn:['发送','关闭'],
            yes:function(index){
                var text=$("#dialog_codeid").val();
                alert('信息'+text+'发送成功');
                layer.close(index)
            },
            no:function(index){
                layer.close(index)
            }
        });
    });
    $("body").on("click",".dialog li.invitekt",function(){//邀请开通
        layer.open({
            type:1,
            title:"",
            content:"<div class='dialog_invitekt_container'><span>说明：<br>在家长收到10086下发的邀请开通短信前，先收到本条 引导短信，老师可根据班级实际情况通过该短信告知家长。</span>" +
                "<div>家长您好，欢迎使用同步课堂，稍后有一条10086的二次确认短信将会发送到您的手机上，回复“是”，即可开通，可观看全部试题和学习视频；同时同步课堂网络账号密码也将发送至您的手机，请妥善保存。</div></div>",
            btn:['发送','关闭'],
            yes:function(index){
                alert('邀请发送成功');
                layer.close(index)
            },
            no:function(index){
                layer.close(index)
            }
        });
    });
    //退出本班
    $('.quit_class').on('click',function(){
        var class_id=$(this).find('a').attr('id');
        //console.log(class_id);
        layer.open({
            content:"点击确定后，您将离开本班级",
                btn:['确定','取消'],
            yes:function(index){
                layer.close(index)
                layer.open({
                    type: 2,
                    title: false,
                    shadeClose: false
                });
                $.post('/account/quitclass/',{"unit_class_id":class_id}, function(d) {
                    //console.log(d);
                    layer.closeAll();
                    if (d.response === "ok") {
                        layer.open({
                            content:"退出成功！",
                            title:"",
                            style: 'border:none; background-color:#222222; color:#fff;'
                        });
                        location.href='/account/class_list/';
                    } else {
                        layer.alert(d.error, function() {
                            location.reload();
                        });
                    }
                }, 'json');
            },
            no:function(index){
                layer.close(index)
            }
        });
    })
});